<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=640" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="">
<meta name="format-detection" content="telephone=no">
<title>首页0716</title>
<link rel="stylesheet" href="css/glide.css">
<link rel="stylesheet" href="css/style.css">
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<![endif]-->
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.0.1.min.js"></script>
<script type="text/javascript" src="js/jquery.placeholder.js"></script>
<script type="text/javascript" src="js/jquery.glide.js"></script>
<script type='text/javascript' src='js/imagesloaded.pkgd.min.js'></script>
<script type="text/javascript" src="js/ios.js"></script>
<script type="text/javascript" src="js/addons.js"></script>

<script type="text/javascript">
	$(function(){
		var glide = $('.glide').glide({

			//autoplay:true,//是否自动播放 默认值 true如果不需要就设置此值

			animationTime:500, //动画过度效果，只有当浏览器支持CSS3的时候生效

			arrows:true, //是否显示左右导航器
			//arrowsWrapperClass: "arrowsWrapper",//滑块箭头导航器外部DIV类名
			//arrowMainClass: "slider-arrow",//滑块箭头公共类名
			//arrowRightClass:"slider-arrow--right",//滑块右箭头类名
			//arrowLeftClass:"slider-arrow--left",//滑块左箭头类名
			arrowRightText:"",//定义左右导航器文字或者符号也可以是类
			arrowLeftText:"",

			nav:false, //主导航器也就是本例中显示的小方块
			navCenter:true, //主导航器位置是否居中
			navClass:"slider-nav",//主导航器外部div类名
			navItemClass:"slider-nav__item", //本例中小方块的样式
			navCurrentItemClass:"slider-nav__item--current" //被选中后的样式
		});
	})
</script>
</head>

<body>

<div class="layout layout-pd">
	<div class="header">
		<div class="logo">
			<a href="#">
				<img src="imgs/logo.png"/>
			</a>
		</div>
		<div class="left">
			<ul>
				<li>
					<a href="#">
						<i><img src="imgs/img1.png"/></i>
						<h4>个人中心</h4>
					</a>
				</li>
			</ul>
		</div>
		<div class="right">
			<ul>
				<li>
					<a href="#">
						<i><img src="imgs/img2.png"/></i>
						<h4>促销</h4>
					</a>
				</li>
				<li>
					<a href="#">
						<i><img src="imgs/img3.png"/></i>
						<h4>分享</h4>
					</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="slider glide">
		<ul class="slides">
			<li class="slide">
				<a href="#"><img src="imgs/img1.jpg"/></a>
			</li>
			<li class="slide">
				<a href="#"><img src="imgs/img1.jpg"/></a>
			</li>
		</ul>
	</div>
	<div class="home-tip">
		 抢任务：免费抢韩国面膜，任务指标。分享10个好友成为网站会员，即可免费赠送面膜一盒。
	</div>
	<div class="home-nav">
		<ul>
			<li>
				<a href="#">
					<i><img src="imgs/img4.png"/></i>
					<h4>个人中心<br />
购物指南</h4>
				</a>
			</li>
			<li>
				<a href="#">
					<i><img src="imgs/img5.png"/></i>
					<h4>积分换购<br />
申请分销</h4>
				</a>
			</li>
			<li>
				<a href="#">
					<i><img src="imgs/img6.png"/></i>
					<h4>超级划算<br />
大牌速购</h4>
				</a>
			</li>
			<li>
				<a href="#">
					<i><img src="imgs/img7.png"/></i>
					<h4>姐妹量团<br />
限量乐购</h4>
				</a>
			</li>
			<li>
				<a href="#">
					<i><img src="imgs/img8.png"/></i>
					<h4>网络红人<br/>
市场活动</h4>
				</a>
			</li>
			<li>
				<a href="#">
					<i><img src="imgs/img9.png"/></i>
					<h4>在线学院<br />
分享好友</h4>
				</a>
			</li>
			<li>
				<a href="#">
					<i><img src="imgs/img10.png"/></i>
					<h4>礼品中心<br />
送礼首选</h4>
				</a>
			</li>
			<li>
				<a href="#">
					<i><img src="imgs/img11.png"/></i>
					<h4>类目分类<br />
快速导购</h4>
				</a>
			</li>
		</ul>
	</div>
	<div class="home-announce">
		<i><img src="imgs/img13.png" align="absmiddle"/></i><a href="">品优乐享购物指南    品优乐享平台上线了   品优乐享服务指南</a>
	</div>
	<div class="home-imgs">
		<ul>
			<li class="l1">
				<a href="#"><img src="imgs/img2.jpg"/></a>
			</li>
			<li class="l2">
				<a href="#"><img src="imgs/img3.jpg"/></a>
			</li>
			<li class="l3">
				<a href="#"><img src="imgs/img4.jpg"/></a>
			</li>
			<li class="l4">
				<a href="#"><img src="imgs/img5.jpg"/></a>
			</li>
			<li class="l5">
				<a href="#"><img src="imgs/img6.jpg"/></a>
			</li>
			<li class="l6">
				<a href="#"><img src="imgs/img7.jpg"/></a>
			</li>
			<li class="l7">
				<a href="#"><img src="imgs/img8.jpg"/></a>
			</li>
			<li class="l8">
				<a href="#"><img src="imgs/img9.jpg"/></a>
			</li>
		</ul>
	</div>
	<div class="home-goods">
		<div class="home-goods-head">
			<h2>特色市场</h2>
			<a href="#" class="more">更多</a>
		</div>
		<div class="home-goods-body">
			<ul>
				<li>
					<a href="#">
						<img src="imgs/img10.jpg"/>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="imgs/img11.jpg"/>
					</a>
				</li>
			</ul>
			<dl>
				<dd>
					<a href="#">
						<div class="head">
							<h2>鞋包</h2>
							<h4>名牌驾到</h4>
						</div>
						<div class="body">
							<div class="img">
								<img src="imgs/img12.jpg"/>
							</div>
						</div>
					</a>
				</dd>
				<dd>
					<a href="#">
						<div class="head">
							<h2>日用品</h2>
							<h4>每日优选</h4>
						</div>
						<div class="body">
							<div class="img">
								<img src="imgs/img13.jpg"/>
							</div>
						</div>
					</a>
				</dd>
				<dd>
					<a href="#">
						<div class="head">
							<h2>内衣</h2>
							<h4>要你性感</h4>
						</div>
						<div class="body">
							<div class="img">
								<img src="imgs/img14.jpg"/>
							</div>
						</div>
					</a>
				</dd>
				<dd class="last">
					<a href="#">
						<div class="head">
							<h2>饰品</h2>
							<h4>闪亮全场</h4>
						</div>
						<div class="body">
							<div class="img">
								<img src="imgs/img15.jpg"/>
							</div>
						</div>
					</a>
				</dd>
				<dd>
					<a href="#">
						<div class="head">
							<h2>母婴</h2>
							<h4>安全呵护</h4>
						</div>
						<div class="body">
							<div class="img">
								<img src="imgs/img16.jpg"/>
							</div>
						</div>
					</a>
				</dd>
				<dd>
					<a href="#">
						<div class="head">
							<h2>食品</h2>
							<h4>吃货世界</h4>
						</div>
						<div class="body">
							<div class="img">
								<img src="imgs/img17.jpg"/>
							</div>
						</div>
					</a>
				</dd>
				<dd>
					<a href="#">
						<div class="head">
							<h2>男性用品</h2>
							<h4>魅力男人</h4>
						</div>
						<div class="body">
							<div class="img">
								<img src="imgs/img18.jpg"/>
							</div>
						</div>
					</a>
				</dd>
				<dd class="last">
					<a href="#">
						<div class="head">
							<h2>情趣用品</h2>
							<h4>就要性福</h4>
						</div>
						<div class="body">
							<div class="img">
								<img src="imgs/img19.jpg"/>
							</div>
						</div>
					</a>
				</dd>
			</dl>
		</div>
	</div>
	<div class="home-foot">
		<ul>
			<li>
				<a href="#">
					<i><img src="imgs/img14.png" align="absmiddle"/></i>客户服务中心
				</a>
			</li>
			<li>
				<a href="#">
					<i><img src="imgs/img15.png" align="absmiddle"/></i>商务合作中心
				</a>
			</li>
		</ul>
	</div>
	<div class="footer">
		<ul>
			<li>
				<a href="#">
					<i><img src="imgs/img16.png"/></i>
					<h4>首页 </h4>
				</a>
			</li>
			<li>
				<a href="#">
					<i><img src="imgs/img17.png"/></i>
					<h4>分类 </h4>
				</a>
			</li>
			<li>
				<a href="#">
					<i><img src="imgs/img18.png"/></i>
					<h4>个人中心 </h4>
				</a>
			</li>
			<li>
				<a href="#">
					<i><img src="imgs/img19.png"/></i>
					<h4>购物车 </h4>
				</a>
			</li>
			<li>
				<a href="#">
					<i><img src="imgs/img20.png"/></i>
					<h4>分享好友 </h4>
				</a>
			</li>
		</ul>
	</div>
</div>
</body>
</html>

